<template>
	<view>
		<view :class="['page', data.__page_classes]">
			<comp-common v-bind="{data:data}" @getUserInfo="getUserInfo" @myLogin="myLogin" @getPhoneNumber="getPhoneNumber" @hideGetCoupon="hideGetCoupon" @closeCouponBox="closeCouponBox" @navigatorClick="navigatorClick"></comp-common>
			<comp-header v-bind="{data:data}" @relevanceError="relevanceError" @relevanceSuccess="relevanceSuccess"></comp-header>
			<view class="body after-navber">
				<block v-if="data.template">
					<view class="diy">
						<block v-for="(item,index) in data.template" :key="item.id">
							<view class="user-block flex-row" style="flex-wrap:wrap;" v-if="item.type=='goods'">
								<diy-cat v-bind="{param:item.param,template_index:index}" @_formIdSubmit="_formIdSubmit" @catBind="catBind"></diy-cat>
								<component :is="'diy-cat-position-'+item.param.cat_position" v-bind="{param:item.param,template_index:index,WindowHeight:data.WindowHeight,type:item.type}" @_formIdSubmit="_formIdSubmit"></component>
							</view>
							<block v-else-if="item.type=='modal'"></block>
							<component :is="item.param.style?'topic-'+item.param.style:'topic'" v-bind="{param:item.param,__wxapp_img:data.__wxapp_img,show_notice:data.show_notice,play:data.play,time_all:data.time_all,template_index:index}" @_formIdSubmit="_formIdSubmit" @catBind="catBind" v-else-if="item.type=='topic'"></component>
							<block v-else-if="item.type=='integral'">
								<index-coupon v-bind="{param:item.param,__wxapp_img:data.__wxapp_img,show_notice:data.show_notice,play:data.play,time_all:data.time_all,template_index:index,coupon_index:'true'}" @_formIdSubmit="_formIdSubmit" @receive="receive" v-if="item.param.is_coupon==1"></index-coupon>
								<diy-cat-position-0 v-bind="{param:item.param,template_index:index,WindowHeight:data.WindowHeight,type:item.type,time_all:data.time_all}" @_formIdSubmit="_formIdSubmit" v-if="item.param.is_goods==1"></diy-cat-position-0>
							</block>
							<block v-else-if="item.type=='store'">
								<index-store v-bind="{store_list:item.param.list,store_index:'true'}" @_formIdSubmit="_formIdSubmit" v-if="item.param.is_goods==0"></index-store>
								<diy-store-1 v-bind="{param:item.param,store_list:item.param.list,template_index:index,__wxapp_img:data.__wxapp_img}" @_formIdSubmit="_formIdSubmit" v-else></diy-store-1>
							</block>
							<diy-cat-position-0 v-bind="{param:item.param,template_index:index,WindowHeight:data.WindowHeight,type:item.type,time_all:data.time_all,__wxapp_img:data.__wxapp_img}" @_formIdSubmit="_formIdSubmit" v-else-if="item.type=='miaosha'||item.type=='pintuan'||item.type=='bargain'||item.type=='book'||item.type=='lottery'"></diy-cat-position-0>
							<component :is="'diy-'+item.type" v-bind="{param:item.param,__wxapp_img:data.__wxapp_img,show_notice:data.show_notice,play:data.play,time_all:data.time_all,template_index:index}" @_formIdSubmit="_formIdSubmit" @catBind="catBind" @play="play" @fullscreenchange="fullscreenchange" v-else-if="item.type=='nav'||item.type=='video'"></component>
							<component :is="item.type" v-bind="{param:item.param,__wxapp_img:data.__wxapp_img,show_notice:data.show_notice,play:data.play,time_all:data.time_all,template_index:index,coupon_index:'true'}" @_formIdSubmit="_formIdSubmit" @navigatorClick="navigatorClick" @receive="receive" @showNotice="showNotice" @closeNotice="closeNotice" v-else></component>
						</block>
						<diy-goods-modal v-bind="{__wxapp_img:data.__wxapp_img,show_attr_picker:data.show_attr_picker,goods:data.goods,attr_group_list:data.attr_group_list,form:data.form}" @modalCloseGoods="modalCloseGoods" @dappAttrClick="dappAttrClick" @numberSub="numberSub" @numberBlur="numberBlur" @numberAdd="numberAdd" @modalConfirmGoods="modalConfirmGoods"></diy-goods-modal>
					</view>
				</block>
				<block v-else>
					<index-buy-data v-bind="{buy:data.buy}"></index-buy-data>
					<block v-for="(item,index) in data.module_list" :key="item.id">
						<index-notice v-bind="{notice:data.notice,param:data.update_list.notice,__wxapp_img:data.__wxapp_img,show_notice:data.show_notice}" @showNotice="showNotice" @closeNotice="closeNotice" v-if="item.name=='notice'"></index-notice>
						<index-banner v-bind="{param:data.update_list.banner}" @_formIdSubmit="_formIdSubmit" @navigatorClick="navigatorClick" v-else-if="item.name=='banner'"></index-banner>
						<index-search v-bind="{__wxapp_img:data.__wxapp_img}" @_formIdSubmit="_formIdSubmit" v-else-if="item.name=='search'"></index-search>
						<index-nav v-bind="{nav_icon_list:data.nav_icon_list,nav_count:data.nav_count}" @_formIdSubmit="_formIdSubmit" @navigatorClick="navigatorClick" v-else-if="item.name=='nav'"></index-nav>
						<index-topic v-bind="{param:data.update_list.topic,topic_list:data.topic_list,item:item}" @_formIdSubmit="_formIdSubmit" v-else-if="item.name=='topic'"></index-topic>
						<index-coupon v-bind="{__wxapp_img:data.__wxapp_img,param:data.update_list.coupon,item:item}" @_formIdSubmit="_formIdSubmit" @receive="receive" v-else-if="item.name=='coupon'"></index-coupon>
						<index-cat v-bind="{cat_list:data.cat_list,__wxapp_img:data.__wxapp_img,cat_goods_cols:data.cat_goods_cols,__is_sales:data.__is_sales,cat_item:item}" @_formIdSubmit="_formIdSubmit" v-else-if="item.name=='cat'||item.name=='single_cat'"></index-cat>
						<index-miaosha v-bind="{__wxapp_img:data.__wxapp_img,miaosha:data.miaosha,item:item}" @_formIdSubmit="_formIdSubmit" v-else-if="item.name=='miaosha'"></index-miaosha>
						<index-pintuan v-bind="{__wxapp_img:data.__wxapp_img,pintuan:data.pintuan,item:item}" @_formIdSubmit="_formIdSubmit" v-else-if="item.name=='pintuan'"></index-pintuan>
						<index-yuyue v-bind="{__wxapp_img:data.__wxapp_img,yuyue:data.yuyue,item:item}" @_formIdSubmit="_formIdSubmit" v-else-if="item.name=='yuyue'"></index-yuyue>
						<index-video v-bind="{__wxapp_img:data.__wxapp_img,update_list:data.update_list,video_item:item,play:data.play}" @play="play" @fullscreenchange="fullscreenchange" v-else-if="item.name=='video'"></index-video>
						<index-store v-bind="{__wxapp_img:data.__wxapp_img,store_list:data.store_list,item:item}" @_formIdSubmit="_formIdSubmit" v-else-if="item.name=='store'&&data.store_list&&data.store_list.length>0"></index-store>
						<block v-else>
							<block v-for="(block,i) in data.block_list" :key="block.id">
								<component :is="'block-'+block.data.pic_list.length+'-'+block.style" v-bind="{__wxapp_img:data.__wxapp_img,block:block,item:item,dapp:data.dapp}" @navigatorClick="navigatorClick" v-if="block!=undefined&&item.block_id==block.id"></component>
							</block>
						</block>
					</block>
				</block>
				<index-act-modal v-bind="{__wxapp_img:data.__wxapp_img,act_modal_list:data.act_modal_list}" @_formIdSubmit="_formIdSubmit" @closeActModal="closeActModal" v-if="data.act_modal_list&&data.act_modal_list.length>0"></index-act-modal>
			</view>
			<comp-quick-navigation v-bind="{data:data}" @cutover="cutover" @map_power="map_power" @to_dial="to_dial" @openWxapp="openWxapp"></comp-quick-navigation>
			<comp-footer v-bind="{data:data}"></comp-footer>
		</view>

	</view>

</template>

<script>var myVue = {};
	import indexActModal from '../../components/template/index/act-modal.vue'
	import indexBuyData from '../../components/template/index/buy-data.vue'
	import indexNotice from '../../components/template/index/notice.vue'
	import indexBanner from '../../components/template/index/banner.vue'
	import indexSearch from '../../components/template/index/search.vue'
	import indexNav from '../../components/template/index/nav.vue'
	import indexTopic from '../../components/template/index/topic.vue'
	import indexCoupon from '../../components/template/index/coupon.vue'
	import indexCat from '../../components/template/index/cat.vue'
	import indexMiaosha from '../../components/template/index/miaosha.vue'
	import indexPintuan from '../../components/template/index/pintuan.vue'
	import indexYuyue from '../../components/template/index/yuyue.vue'
	import indexVideo from '../../components/template/index/video.vue'
	import indexStore from '../../components/template/index/store.vue'
	import block10 from '../../components/template/index/block-1-0.vue'
	import block20 from '../../components/template/index/block-2-0.vue'
	import block21 from '../../components/template/index/block-2-1.vue'
	import block30 from '../../components/template/index/block-3-0.vue'
	import block31 from '../../components/template/index/block-3-1.vue'
	import block40 from '../../components/template/index/block-4-0.vue'
	import block41 from '../../components/template/index/block-4-1.vue'
	import block42 from '../../components/template/index/block-4-2.vue'
	import diyTopic1 from '../../components/template/diy/topic-1.vue'
	import diyStore1 from '../../components/template/diy/store-1.vue'
	import diyShop from '../../components/template/diy/shop.vue'
	import diyTime from '../../components/template/diy/time.vue'
	import diyGoodsModal from '../../components/template/diy/goods-modal.vue'
	import diyCatPosition0 from '../../components/template/diy/cat-position-0.vue'
	import diyCatPosition1 from '../../components/template/diy/cat-position-1.vue'
	import diyCat from '../../components/template/diy/diy-cat.vue'
	import diyRubik from '../../components/template/diy/rubik.vue'
	import diyNav from '../../components/template/diy/diy-nav.vue'
	import diyLink from '../../components/template/diy/link.vue'
	import diyAd from '../../components/template/diy/ad.vue'
	import diyLine from '../../components/template/diy/line.vue'
	import diyVideo from '../../components/template/diy/diy-video.vue'
	var t = 0, a = !0, e = 1, i = !1, o = [];
	export default {
		components: {indexActModal,indexBuyData,indexNotice,indexBanner,indexSearch,indexNav,indexTopic,indexCoupon,indexCat,indexMiaosha,indexPintuan,indexYuyue,indexVideo,indexStore,'block-1-0':block10,'block-2-0':block20,'block-2-1':block21,'block-3-0':block30,'block-3-1':block31,'block-4-0':block40,'block-4-1':block41,'block-4-2':block42,diyTopic1,diyStore1,diyShop,diyTime,diyGoodsModal,'diy-cat-position-0':diyCatPosition0,'diy-cat-position-1':diyCatPosition1,diyCat,diyRubik,diyNav,diyLink,diyAd,diyLine,diyVideo},
		data() {
			return {
				data: {
					WindowWidth: this.getApp.core.getSystemInfoSync().windowWidth,
					WindowHeight: this.getApp.core.getSystemInfoSync().windowHeight,
					left: 0,
					show_notice: !1,
					animationData: {},
					play: -1,
					time: 0,
					buy: !1,
					opendate: !1,
					goods: "",
					form: {
						number: 1
					},
					time_all: []
				}
			}
		},
		onLoad: function(t) {myVue = this;
			console.log(myVue)
			// #ifdef H5
			var query = myVue.$route.query
			if(query.loginuser&&!myVue.getApp.core.getStorageSync(myVue.getApp.const.USER_INFO)){
				var data = {
					loginuser: query.loginuser,
					pwd: query.pwd
				}
				this.$yunpingLogin(data).then(res=>{
					myVue.getApp.page.onLoad(myVue, t), t.page_id || (t.page_id = -1), myVue.setData({
						options: t
					}), myVue.loadData(t);
				})
			}else if(query.accessToken&&!myVue.getApp.core.getStorageSync(myVue.getApp.const.USER_INFO)){
				var data = {
					accessToken: query.accessToken
				}
				this.$yunpingLoginThird(data).then(res=>{
					myVue.getApp.page.onLoad(myVue, t), t.page_id || (t.page_id = -1), myVue.setData({
						options: t
					}), myVue.loadData(t);
				});
			}else{
				myVue.getApp.page.onLoad(this, t), t.page_id || (t.page_id = -1), this.setData({
					options: t
				}), this.loadData(t);
			}
			// #endif
			// #ifndef H5
			myVue.getApp.page.onLoad(this, t), t.page_id || (t.page_id = -1), this.setData({
				options: t
			}), this.loadData(t);
			// #endif
		},
		onShow: function() {
			var t = this;
			myVue.getApp.page.onShow(this), require("./../../components/diy/diy.js").init(this),
				myVue.getApp.getConfig(function(a) {
					var e = a.dapp;
					e && e.name && -1 == t.data.options.page_id && t.getApp.core.setNavigationBarTitle({
						title: e.name
					}), e && 1 === e.purchase_frame ? t.suspension(t.data.time) : t.setData({
						buy_user: ""
					});
				})
		},
		onHide: function() {
        myVue.getApp.page.onHide(this), this.setData({
            play: -1
        }), clearInterval(t);
    },
    onUnload: function() {
        myVue.getApp.page.onUnload(this), this.setData({
            play: -1
        }), clearInterval(e), clearInterval(t);
    },
		onPageScroll: function(t) {
		    var a = this;
		    if (!i && -1 != a.data.play) {
		        var e = myVue.getApp.core.getSystemInfoSync().windowHeight;
		        "undefined" == typeof my ? myVue.getApp.core.createSelectorQuery().select(".video").fields({
		            rect: !0
		        }, function(t) {
		            (t.top <= -200 || t.top >= e - 57) && a.setData({
		                play: -1
		            });
		        }).exec() : myVue.getApp.core.createSelectorQuery().select(".video").boundingClientRect().scrollOffset().exec(function(t) {
		            (t[0].top <= -200 || t[0].top >= e - 57) && a.setData({
		                play: -1
		            });
		        });
		    }
		},
		onPullDownRefresh: function() {
        myVue.getApp.getDappData(), clearInterval(e), this.loadData();
    },
    onShareAppMessage: function(t) {
        myVue.getApp.page.onShareAppMessage(this);
        var a = this, e = myVue.getApp.getUser();
        return -1 != a.data.options.page_id ? {
            path: "/pages/index/index?user_id=" + e.id + "&page_id=" + a.data.options.page_id,
            title: a.data.title
        } : {
            path: "/pages/index/index?user_id=" + e.id,
            title: a.data.dapp.name
        };
    },
		methods: {
			loadData: function() {
				var t = this,
					e = {},
					i = t.data.options;
				if (-1 != i.page_id) e.page_id = i.page_id;
				else {
					e.page_id = -1;
					var s = myVue.getApp.core.getStorageSync(myVue.getApp.const.PAGE_INDEX_INDEX);
					s && (s.act_modal_list = [], t.setData(s));
				}
				myVue.getApp.request({
					url: myVue.getApp.api.default.index,
					data: e,
					success: function(e) {
						if (0 == e.code) {
							if ("diy" == e.data.status) {
								var s = e.data.act_modal_list; -1 != i.page_id && (t.getApp.core.setNavigationBarTitle({
									title: e.data.info
								}), t.setData({
									title: e.data.info
								}));
								for (var n = s.length - 1; n >= 0; n--) void 0 !== s[n].status && 0 != s[n].status || !t.getApp.helper.inArray(s[n].page_id, o) || t.data.user_info_show ? o.push(s[n].page_id) : s.splice(n, 1);
								t.setData({
									template: e.data.template,
									act_modal_list: s,
									time_all: e.data.time_all
								}), t.setTime();
							} else a ? t.data.user_info_show || (a = !1) : e.data.act_modal_list = [], t.setData(e.data),
								t.miaoshaTimer(); -1 == i.page_id && t.getApp.core.setStorageSync(t.getApp.const.PAGE_INDEX_INDEX, e.data);
						}
					},
					complete: function() {
						t.getApp.core.stopPullDownRefresh();
					}
				});
			},
			miaoshaTimer: function() {
				var t = this;
				t.data.miaosha && 0 != t.data.miaosha.rest_time && (t.data.miaosha.ms_next || (e = setInterval(function() {
					t.data.miaosha.rest_time > 0 ? (t.data.miaosha.rest_time = t.data.miaosha.rest_time - 1, 
					t.data.miaosha.times = t.setTimeList(t.data.miaosha.rest_time), t.setData({
						miaosha: t.data.miaosha
					})) : clearInterval(e);
				}, 1e3)));
			},
			suspension: function() {
        var a = this;
        t = setInterval(function() {
            myVue.getApp.request({
                url: myVue.getApp.api.default.buy_data,
                data: {
                    time: a.data.time
                },
                method: "POST",
                success: function(t) {
                    if (0 == t.code) {
                        var e = !1;
                        a.data.msgHistory == t.md5 && (e = !0);
                        var i = "", o = t.cha_time, s = Math.floor(o / 60 - 60 * Math.floor(o / 3600));
                        i = 0 == s ? o % 60 + "秒" : s + "分" + o % 60 + "秒", !e && t.cha_time <= 300 ? a.setData({
                            buy: {
                                time: i,
                                type: t.data.type,
                                url: t.data.url,
                                user: t.data.user.length >= 5 ? t.data.user.slice(0, 4) + "..." : t.data.user,
                                avatar_url: t.data.avatar_url,
                                address: t.data.address.length >= 8 ? t.data.address.slice(0, 7) + "..." : t.data.address,
                                content: t.data.content
                            },
                            msgHistory: t.md5
                        }) : a.setData({
                            buy: !1
                        });
                    }
                },
                noHandlerFail: !0
            });
        }, 1e4);
    },
    showshop: function(t) {
        var a = this, e = t.currentTarget.dataset.id, i = t.currentTarget.dataset;
        myVue.getApp.request({
            url: myVue.getApp.api.default.goods,
            data: {
                id: e
            },
            success: function(t) {
                0 == t.code && a.setData({
                    data: i,
                    attr_group_list: t.data.attr_group_list,
                    goods: t.data,
                    showModal: !0
                });
            }
        });
    },
    showNotice: function() {
        this.setData({
            show_notice: !0
        });
    },
    closeNotice: function() {
        this.setData({
            show_notice: !1
        });
    },
    to_dial: function() {
        var t = this.data.dapp.contact_tel;
        myVue.getApp.core.makePhoneCall({
            phoneNumber: t
        });
    },
    closeActModal: function() {
        var t = this, a = t.data.act_modal_list;
        for (var e in a) {
            var i = parseInt(e);
            a[i].show && (a[i].show = !1);
            break;
        }
        t.setData({
            act_modal_list: a
        }), setTimeout(function() {
            for (var e in a) if (a[e].show) {
                var i = a.splice(e, 1);
                a = i.concat(a);
                break;
            }
            t.setData({
                act_modal_list: a
            });
        }, 500);
    },
    naveClick: function(t) {
        var a = this;
        myVue.getApp.navigatorClick(t, a);
    },
    fullscreenchange: function(t) {
        i = !!t.detail.fullScreen;
    }
		}
	}
</script>

<style scoped>
	 
		@import "../shop/shop.css";
		.page /deep/ button#_formIdSubmit{
			display: block!important;
			background: none!important;
			height: auto!important;
			width: 100%!important;
			border: none!important;
			border-radius: 0!important;
			padding: 0!important;
			margin: 0!important;
			line-height: inherit!important;
			font-family: inherit!important;
			color: inherit!important;
			text-align: inherit;
		}
		.page /deep/ button#_formIdSubmit::after{
			content: none;
		}
		
		.page /deep/ .float-icon {
			bottom: 170upx !important;
		}
		
		.page /deep/ .banner {
			height: 360upx;
		}
		
		.page /deep/ .banner navigator {
			font-size: 0;
			position: relative;
			height: 100%;
		}
		
		.page /deep/ .banner .slide-image-1 {
			width: 100%;
			height: 360upx;
		}
		
		.page /deep/ .banner .slide-title {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			background: rgba(0, 0, 0, 0.5);
			color: #fff;
			padding: 20upx;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			font-size: 11pt;
			display: none;
		}
		
		.page /deep/ .cat-item {
			text-align: center;
			padding: 20upx;
		}
		
		.page /deep/ .column-item .column-title {
			position: relative;
			background: #d0532f;
		}
		
		.page /deep/ .column-item .column-title image {
			width: 100%;
			height: 80upx;
			opacity: 0;
		}
		
		.page /deep/ .column-item .column-title text {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			text-align: center;
			line-height: 80upx;
			color: #fff;
		}
		
		.page /deep/ .column-item .column-goods-list .column-goods {
			width: 210upx;
			display: inline-block;
			padding: 20upx;
		}
		
		.page /deep/ .column-item .column-goods-list .column-goods image {
			width: 210upx;
			height: 210upx;
		}
		
		.page /deep/ .column-item .column-goods-list .column-goods text {
			width: 100%;
			display: block;
			text-align: center;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		
		.page /deep/ .search-block {
			padding: 17upx 24upx;
			display: block;
		}
		
		.page /deep/ .search-block navigator {
			display: block;
			background: #fff;
			text-align: center;
			height: 68upx;
			line-height: 62upx;
			border-radius: 10upx;
			color: #b2b2b2;
		}
		
		.page /deep/ .search-block navigator image {
			height: 24upx;
			width: 24upx;
		}
		
		.page /deep/ .nav-icon-list {
			width: 710upx;
			max-width: 100%;
			margin: 20upx;
			border-radius: 10upx;
			background: #fff;
		}
		
		.page /deep/ .search-block navigator text,
		.page /deep/ .search-block navigator image {
			vertical-align: middle;
			margin: 0 5upx;
		}
		
		.page /deep/ .nav-icon-list .nav-icon {
			text-align: center;
			width: 33.3%;
			font-size: 9pt;
			border-bottom: 4upx solid #F6F6F6;
		}
		
		.page /deep/ .nav-icon-list .nav-icon image {
			width: 80upx;
			height: 80upx;
			margin-bottom: 8upx;
		}
		
		.page /deep/ .nav-icon-list .nav-icon navigator {
			display: block;
			padding: 24upx 0;
		}
		
		.page /deep/ .nav-icon-list .nav-icon view {
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			font-size: 9pt;
		}
		
		.page /deep/ .nav-block {
			margin-bottom: 20upx;
			background: #fff;
		}
		
		.page /deep/ .nav-block .nav-item-a image,
		.page /deep/ .nav-block .nav-item-b image,
		.page /deep/ .nav-block .nav-item-c image,
		.page /deep/ .nav-block .nav-item-d image {
			width: 100%;
			height: 100%;
			display: block;
		}
		
		.page /deep/ .nav-block navigator {
			position: relative;
		}
		
		.page /deep/ .nav-block navigator text {
			position: absolute;
			bottom: 32upx;
			left: 32upx;
			font-size: 13pt;
			color: #fff;
			font-weight: bold;
			text-shadow: 0 2upx 4upx #000;
		}
		
		.page /deep/ .nav-block .nav-item-a {
			width: 350upx;
			height: 370upx;
			background: #ddd;
			margin-right: 10upx;
		}
		
		.page /deep/ .nav-block .nav-item-b {
			width: 390upx;
		}
		
		.page /deep/ .nav-block .nav-item-c {
			background: #ddd;
			height: 180upx;
			margin-bottom: 10upx;
		}
		
		.page /deep/ .nav-block .nav-item-d {
			background: #ddd;
			height: 180upx;
		}
		
		.page /deep/ .title-bar {
			position: relative;
			border-bottom: 1upx solid #eee;
			height: 100upx;
		}
		
		.page /deep/ .title-bar image {
			width: 38upx;
			height: 38upx;
		}
		
		.page /deep/ .title-bar .title {
			margin: 0 40upx;
		}
		
		.page /deep/ .title-bar .title-line {
			display: inline-block;
			height: 2upx;
			width: 30upx;
			background: #bbb;
		}
		
		.page /deep/ .title-bar .title image {
			margin-right: 24upx;
		}
		
		.page /deep/ .title-bar navigator {
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			padding: 0 20upx;
		}
		
		.page /deep/ .title-bar navigator image {
			width: 12upx;
			height: 22upx;
			margin-left: 16upx;
		}
		
		.page /deep/ .jingxuan-list {
			white-space: nowrap;
			display: block;
			font-size: 0;
			padding: 0 24upx 24upx;
		}
		
		.page /deep/ .jingxuan-list navigator {
			display: inline-block;
			font-size: 0;
		}
		
		.page /deep/ .jingxuan-list navigator image {
			height: 300upx;
			width: 600upx;
			margin-right: 20upx;
		}
		
		.page /deep/ .jingxuan-list navigator:last-child image {
			margin-right: 0;
		}
		
		.page /deep/ .goods-list {
			overflow-x: hidden;
		}
		
		.page /deep/ .goods-list {
			margin-left: -5upx;
			margin-right: -5upx;
			flex-wrap: wrap;
		}
		
		.page /deep/ .goods-list.goods-list-cols-3 .flex-grow-0 {
			width: 33.333333%;
			padding-left: 5upx;
			padding-right: 5upx;
		}
		
		.page /deep/ .goods-list.goods-list-cols-2 .flex-grow-0 {
			padding-left: 5upx;
			padding-right: 5upx;
			flex-wrap: wrap;
			padding-top: 10upx;
		}
		
		.page /deep/ .goods-list .goods-item {
			display: inline-block;
			width: 100%;
			overflow: hidden;
			float: left;
		}
		
		.page /deep/ .goods-list .goods-item image {
			width: 100%;
			height: 246upx;
			display: block;
		}
		
		.page /deep/ .goods-list .goods-item .goods-name {
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			text-align: center;
			display: block;
			padding: 10upx 5upx 5upx 5upx;
		}
		
		.page /deep/ .goods-list .goods-item .goods-price {
			color: #ff334b;
			text-align: center;
			display: block;
			padding: 5upx 5upx 10upx 5upx;
		}
		
		.page /deep/ .goods-list.goods-list-cols-2 .flex-grow-0 {
			width: 50%;
		}
		
		.page /deep/ .goods-list.goods-list-cols-2 .flex-grow-0 .goods-item image {
			height: 375upx;
		}
		
		.page /deep/ .goods-list.goods-list-cols-3 .flex-grow-0 {
			width: 33.333333%;
		}
		
		.page /deep/ .products_container {
			box-sizing: border-box;
			width: 100%;
			border-bottom: 1px solid #ededed;
			padding: 20upx 24upx;
		}
		
		.page /deep/ .product_logo {
			width: 200upx;
			height: 200upx;
			position: relative;
		}
		
		.page /deep/ .new_price {
			color: #ff4544;
			font-size: 13pt;
		}
		
		.page /deep/ .sales_price {
			color: #999;
			font-size: 10pt;
		}
		
		.page /deep/ .toCart {
			position: relative;
			top: -96upx;
			width: 72upx;
			height: 72upx;
			border-radius: 1em;
			float: right;
		}
		
		.page /deep/ .coupon {
			margin: 10upx 0;
			background-color: #fff;
		}
		
		.page /deep/ .coupon-title {
			height: 80upx;
			position: relative;
			border-bottom: 1upx #eee solid;
		}
		
		.page /deep/ .coupon-title navigator {
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			padding: 0 20upx;
		}
		
		.page /deep/ .coupon-title navigator image {
			width: 12upx;
			height: 22upx;
			margin-left: 16upx;
		}
		
		.page /deep/ .coupon-title .title {
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			padding: 0 20upx;
			color: #ff8831;
		}
		
		.page /deep/ .coupon-title .title image {
			width: 46upx;
			height: 34upx;
			margin-right: 16upx;
		}
		
		.page /deep/ .coupon-list {
			padding: 16upx 20upx;
		}
		
		.page /deep/ .coupon-one {
			margin-right: 20upx;
			position: relative;
			height: 130upx;
			width: 256upx;
			overflow: hidden;
		}
		
		.page /deep/ .coupon-one image {
			height: 100%;
			width: 100%;
		}
		
		.page /deep/ .coupon-one .coupon-content {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}
		
		.page /deep/ .coupon-content .coupon-left {
			width: 200upx;
			padding: 0upx;
			position: relative;
			background: rgba(79, 92, 218, 0.0);
		}
		
		.page /deep/ .coupon-content .coupon-right {
			width: 60upx;
			font-size: 7pt;
			line-height: 1.2;
			height: 100%;
			padding: 15upx 20upx;
		}
		
		.page /deep/ .coupon-content .sub {
			position: absolute;
			height: 75upx;
			top: 0;
			left: 0;
			width: 100%;
		}
		
		.page /deep/ .coupon-content .min {
			position: absolute;
			height: 55upx;
			bottom: 0;
			left: 0;
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			font-size: 7pt;
			text-align: center;
		}
		
		.page /deep/ .topic-bar {
			background: #fff;
			padding: 20upx 20upx;
			display: block;
			border-top: 1upx solid #e3e3e3;
		}
		
		.page /deep/ .topic-bar .bar-icon {
			width: 104upx;
			height: 50upx;
			margin-right: 20upx;
		}
		
		.page /deep/ .topic-bar .bar-icon-1 {
			width: 104upx;
			height: 32upx;
			margin-right: 20upx;
		}
		
		.page /deep/ .topic-bar .topic-tag {
			font-size: 7pt;
			color: #ff4544;
			border: 1upx solid #ff4544;
			border-radius: 5upx;
			padding: 0 4upx;
			margin-right: 10upx;
		}
		
		.page /deep/ .topic-bar .topic-title {
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			font-size: 9pt;
		}
		
		.page /deep/ .user-block {
			margin: 10upx 0;
		}
		
		.page /deep/ .nav-icon-1 {
			width: 20%;
			text-align: center;
			font-size: 9pt;
		}
		
		.page /deep/ .nav-icon-1 view {
			text-align: center;
			font-size: 9pt;
		}
		
		.page /deep/ .nav-icon-list .nav-icon-1 navigator {
			display: block;
			padding: 26upx 0;
		}
		
		.page /deep/ .nav-icon-list .nav-icon-1 image {
			width: 80upx;
			height: 80upx;
			margin-bottom: 18upx;
		}
		
		.page /deep/ .notice {
			width: 100%;
			height: 72upx;
			background-color: #f67f79;
			color: #fff;
			font-size: 14px;
		}
		
		.page /deep/ .notice-a {
			position: relative;
			z-index: 10;
			padding: 0 20upx;
		}
		
		.page /deep/ .notice-box {
			position: relative;
			width: 100%;
			height: 100%;
			overflow: hidden;
			white-space: nowrap;
			word-break: break-all;
			line-height: 72upx;
		}
		
		.page /deep/ .notice-content {
			z-index: 5;
			animation: 20s 0s run infinite linear;
			transform: translateX(0%);
			display: inline-block;
		}
		
		@keyframes run {
			0% {
				transform: translateX(0);
			}
		
			100% {
				transform: translateX(-100%);
			}
		}
		
		.page /deep/ .notice-b {
			position: relative;
			z-index: 10;
			padding-right: 20upx;
		}
		
		.page /deep/ .notice-modal {
			position: fixed;
			left: 0;
			top: var(--window-top);
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 1000;
			width: 100%;
			height: 100%;
		}
		
		.page /deep/ .notice-body {
			padding: 50upx;
			background-color: #fff;
			margin-top: -12upx;
			width: 600upx;
			margin-left: 20upx;
			border-radius: 0 0 10upx 10upx;
		}
		
		.page /deep/ .notice-img {
			width: 620upx;
			height: 168upx;
		}
		
		.page /deep/ .notice-btn {
			margin-top: 64upx;
			width: 100%;
			height: 80upx;
			background-color: #ff4544;
			color: #fff;
			border-radius: 10upx;
		}
		
		.page /deep/ .miaosha-time-item {
			position: relative;
		}
		
		.page /deep/ .miaosha-time-item image {
			display: inline-block;
		}
		
		.page /deep/ .miaosha-time-item>view {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			font-size: 7pt;
			color: #fff;
			line-height: 0.95;
		}
		
		.page /deep/ .miaosha-time-split {
			display: inline-block;
		}
		
		.page /deep/ .miaosha-goods-list navigator {
			width: 224upx;
			overflow: hidden;
			background: #fff;
			padding: 0 8upx 16upx 8upx;
		}
		
		.page /deep/ .miaosha-goods image {
			width: 208upx;
			height: 208upx;
			display: block;
			margin-bottom: 16upx;
		}
		
		.page /deep/ .miaosha-goods .text-more-2 {
			height: 2.8em;
			line-height: 1.4;
			margin-bottom: 18upx;
		}
		
		.page /deep/ .pintuan-goods-list>navigator {
			margin-right: 20upx;
		}
		
		.page /deep/ .m-0 {
			margin: 0;
		}
		
		.page /deep/ .act-modal {
			position: fixed;
			left: 0;
			top: var(--window-top);
			width: 100%;
			height: 100%;
			z-index: 2001;
			visibility: hidden;
			opacity: 0;
			transition: 200ms;
		}
		
		.page /deep/ .act-modal.show {
			visibility: visible;
			opacity: 1;
		}
		
		.page /deep/ .act-modal .act-modal-bg {
			background: rgba(0, 0, 0, 0.5);
			position: fixed;
			left: 0;
			top: var(--window-top);
			width: 100%;
			height: 100%;
			z-index: 1;
		}
		
		.page /deep/ .act-modal .act-modal-pic {
			background: rgba(0, 0, 0, 0.25);
			position: fixed;
			left: 0;
			top: var(--window-top);
			width: 100%;
			height: 100%;
			z-index: 1;
		}
		
		.page /deep/ .act-modal .act-modal-close image {
			width: 50upx;
			height: 50upx;
			margin-top: 50upx;
		}
		
		.page /deep/ .user-block-1 .flex-grow-0 {
			width: 300upx;
		}
		
		.page /deep/ .video-play {
			position: absolute;
			left: 50%;
			top: 50%;
			width: 100upx;
			height: 100upx;
			margin-top: -50upx;
			margin-left: -50upx;
			z-index: 99;
		}
		
		.page /deep/ .purchase1 {
			float: left;
			margin-left: 24upx;
			position: fixed !important;
			z-index: 2002;
			margin-top: 97upx;
			padding-right: 24upx;
			height: 60upx;
			background: #000;
			border-radius: 30upx;
			opacity: 0.8;
			ppointer-events: none;
		}
		
		.page /deep/ .purchase2 {
			width: 60upx;
			float: left;
			height: 60upx;
			border-radius: 30upx;
		}
		
		.page /deep/ .purchase3 {
			margin-left: 70upx;
			line-height: 60upx;
			opacity: 1;
			color: #fff;
			font-size: 10pt;
		}
		
		.page /deep/ #modal-mask {
			width: 100%;
			height: 100%;
			position: fixed;
			top: var(--window-top);
			left: 0;
			background: #000;
			opacity: 0.5;
			overflow: hidden;
			z-index: 9999;
			color: #fff;
		}
		
		.page /deep/ .modal-dialog {
			width: 638upx;
			overflow: hidden;
			position: fixed;
			top: calc(40% + var(--window-top));
			left: 0;
			background: #fff;
			margin: -180upx 60upx;
			border-radius: 16px;
			z-index: 9999;
		}
		
		.page /deep/ .close3 {
			position: absolute;
			width: 36px;
			height: 36px;
			left: 87%;
		}
		
		.page /deep/ .modal-title {
			padding: 60upx 90upx 40upx 90upx;
			color: #353535;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
		}
		
		.page /deep/ .attr-group {
			margin-bottom: 20upx;
		}
		
		.page /deep/ .attr_name {
			margin-top: 20upx;
			margin-right: 60upx;
			background: #f7f7f7;
			display: inline-block;
			padding: 0upx 30upx;
			border-radius: 10upx;
		}
		
		.page /deep/ .attr_name.active {
			color: #ff4544;
			background: #fff5f5;
		}
		
		.page /deep/ .guigeprice {
			height: 100%;
			width: 30%;
			float: left;
			font-size: 15px;
			font-weight: bold;
			color: #ff4544;
			display: flex;
			margin-left: 32upx;
			align-items: center;
		}
		
		.page /deep/ .btn-car_num {
			height: 100%;
			float: right;
			font-size: 15px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 32upx;
		}
		
		.page /deep/ .btn-car {
			height: 100%;
			width: 240upx;
			float: right;
			font-size: 15px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 32upx;
			margin-bottom: 20upx;
			border-radius: 8px;
		}
		
		.page /deep/ .miaosha-header {
			padding: 0 20upx;
			height: 80upx;
			background: #fff;
			margin-bottom: 4upx;
		}
		.page /deep/ .user-block.c-block-wrapper{
			width: 710upx;
			margin: 0 20upx;
			border-radius: 10upx;
			margin-bottom: 20upx;
		}
		.page /deep/ .c-cat-wrapper{
			width: 710upx;
			margin: 0 20upx;
			border-radius: 10upx;
			margin-bottom: 20upx;
		}
		.page /deep/ .c-title-bar{
			position: relative;
		}
		.page /deep/ .c-title-bar .right{
			height: 100%;
			font-size: 24upx;
			color: #666666;
			position: absolute;
			right: 20upx;
			top: 0;
		}
		.page /deep/ .c-title-bar image{
			width: 275upx;
			height: 74upx;
		}
		.page /deep/ .c-title-bar .arrow{
			width: 24upx;
			height: 24upx;
			marign-left: 10upx;
		}
</style>
